.contact-list-page {
}

.contact-list-page .search-pane {
	-fx-background-color: -ui-color-bg-x;
	-fx-padding:18.0px 10.0px 0.0px 12.0px;
	-fx-border-color: -ui-color-border;
	-fx-border-width: 0.0px 0.0 1.0px 0.0;
	-fx-border-style: solid;
}

.contact-list-page .search-pane .search {
	-fx-background-color: -ui-color-bg-xx;
	-fx-cursor: hand;
}
.contact-list-page .search-pane .search >.ui-search-bar_left .ui-icon {
	-fx-text-fill: -ui-color-ft-xx;
	-fx-fill: -ui-color-ft-xx;
}

.contact-list-page .search-pane .search >.ui-search-bar_right .ui-icon {
	-fx-text-fill: -ui-color-ft-xx;
	-fx-fill: -ui-color-ft-xx;
}

.contact-list-page .search-pane .search >.ui-search-bar_text {
	-fx-text-fill: -ui-color-ft-xx;
	-fx-fill: -ui-color-ft-xx;
}

.contact-list-page .search-pane .add-group-btn {
	-fx-background-color: -ui-color-bg-xx;
	-fx-padding:0.0px 10.0px;
	-fx-border-color: -ui-color-border;
	-fx-border-width: 1.0px;
	-fx-border-style: solid;
	-fx-border-radius: 0.0px;
	-fx-background-radius: 0.0px;
	-fx-cursor: hand;
}

.contact-list-page .search-pane .add-group-btn > .ui-icon {
	-fx-text-fill: -ui-color-ft-xx;
	-fx-fill: -ui-color-ft-xx;
}

.contact-list-page .search-pane .add-group-btn:hover {
	-fx-background-color: -ui-color-success;
	-fx-border-color: -ui-color-success;
}

.contact-list-page .search-pane .add-group-btn:hover > .ui-icon {
	-fx-text-fill: -ui-color-white;
	-fx-fill: -ui-color-white;
}

 
.contact-list-page .content-pane {
	-fx-background-color: -ui-color-bg-xx;
}